import React from 'react';
import SvgIcon from '@material-ui/core/SvgIcon';

const MesheryOperatorIcon = ({ isActive }) => {
  return (
    <SvgIcon
      style={{ width: '3rem', height: 'auto' }}
      viewBox="0 0 204 204"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0)">
        <path
          d="M138.901 99.6146C137.462 99.6146 136.273 100.1 135.319 101.054C126.481 109.658 114.529 114.429 102.109 114.429C89.6884 114.429 77.9877 109.641 68.9151 101.037C67.9609 100.083 66.5214 99.5979 65.3329 99.5979C39.2868 101.523 18.7479 123.501 18.7479 149.782V172.949C18.7479 190.14 32.6079 204 49.799 204H154.184C171.375 204 185.235 190.14 185.235 172.949V149.782C185.486 123.501 164.948 101.523 138.901 99.6146Z"
          fill={isActive ? '#00d3a9' : '#8c8c8c'}
        />
        <path
          d="M102.126 97.221C125.293 97.221 144.409 78.356 144.409 54.9379C144.409 31.7709 125.293 12.8892 102.126 12.8892C78.9586 12.8892 59.8425 31.7709 59.8425 55.1722C59.8425 78.356 78.9418 97.221 102.126 97.221ZM102.126 22.4472C120.036 22.4472 134.851 37.0103 134.851 55.1722C134.851 73.0831 120.288 87.8973 102.126 87.8973C84.2147 87.8973 69.4005 73.3342 69.4005 55.1722C69.4005 37.0103 84.1979 22.4472 102.126 22.4472Z"
          fill={isActive ? '#00d3a9' : '#737373'}
        />
        <path
          d="M162.889 74.506H154.1C152.996 74.506 152.092 73.6021 152.092 72.4973V47.6397C152.092 46.5349 152.996 45.631 154.1 45.631H162.889C163.993 45.631 164.897 46.5349 164.897 47.6397V72.4973C164.897 73.6021 163.993 74.506 162.889 74.506Z"
          fill={isActive ? '#01b39f' : '#b7b7b7'}
        />
        <path
          d="M50.1002 74.7738H41.3122C40.2074 74.7738 39.3035 73.8699 39.3035 72.7651V47.9075C39.3035 46.8027 40.2074 45.8988 41.3122 45.8988H50.1002C51.205 45.8988 52.1089 46.8027 52.1089 47.9075V72.7651C52.1089 73.8699 51.205 74.7738 50.1002 74.7738Z"
          fill={isActive ? '#01b39f' : '#b7b7b7'}
        />
        <path
          d="M158.721 41.0946H154.402C150.15 17.8105 128.44 0 102.126 0C75.8116 0 53.9001 17.8105 49.7823 41.0946H45.497C39.2701 41.0946 34.2818 45.882 34.2651 51.3557V68.7979C34.2651 74.5394 39.2868 79.3101 45.497 79.3101H52.8957C55.0384 79.3101 56.7123 77.6362 56.7123 75.7279V49.7655C56.729 49.6651 56.729 49.5479 56.729 49.4474C56.729 26.2805 77.0503 7.3987 102.126 7.3987C127.201 7.3987 147.505 26.2805 147.505 49.4474V70.8401C135.704 78.4731 120.505 80.6492 102.36 77.8538C100.201 77.6194 98.2923 79.059 98.058 80.9673C97.5725 82.8923 99.0121 84.5494 100.92 85.0349C119.836 88.0814 135.771 85.7881 148.928 78.5066C149.581 79.0088 150.418 79.3101 151.322 79.3101H158.737C164.948 79.3101 169.953 74.5227 169.953 69.049V51.6068C169.953 45.8653 164.931 41.0946 158.721 41.0946ZM49.0625 72.1625H45.7147C43.8064 72.1625 42.3668 70.7229 42.3668 69.049V51.6235C42.3668 49.9496 43.8064 48.5101 45.7147 48.5101H49.0625V72.1625ZM161.851 68.7812C161.851 70.4551 160.411 71.8946 158.503 71.8946H155.155V48.2422H158.503C160.411 48.2422 161.851 49.6818 161.851 51.3557V68.7812Z"
          fill={isActive ? '#01b39f' : '#b3b3b3'}
        />
        <path
          d="M80.4652 147.874C83.9637 141.429 90.3246 136.725 97.7735 135.453L96.3005 126.983C86.1733 128.724 77.6196 135.085 72.8322 143.739L80.4652 147.874Z"
          fill="#01b39f"
        />
        <path
          d="M80.8334 172.447C78.6239 168.764 77.335 164.445 77.335 159.742C77.335 156.712 77.8873 153.849 78.8917 151.188L70.8067 148.242C69.5178 151.841 68.7812 155.707 68.7812 159.758C68.7812 166.019 70.5389 171.911 73.485 176.882L80.8334 172.447Z"
          fill="#01b39f"
        />
        <path
          d="M102.26 184.432H101.975C94.3252 184.432 87.5291 180.934 82.9091 175.41L76.2804 180.934C82.3567 188.299 91.6637 193.086 101.958 193.086C102.042 193.086 102.243 193.086 102.327 193.086L102.26 184.432Z"
          fill="#01b39f"
        />
        <path
          d="M123.435 171.894C119.836 178.255 113.391 182.859 105.942 184.047L107.315 192.601C117.442 190.944 125.996 184.767 130.884 176.129L123.435 171.894Z"
          fill="#01b39f"
        />
        <path
          d="M123.25 147.321C125.376 151.004 126.565 155.155 126.565 159.742C126.565 162.872 126.012 165.818 124.908 168.58L133.009 171.71C134.382 168.028 135.219 163.977 135.219 159.842C135.219 153.766 133.562 147.957 130.699 143.086L123.25 147.321Z"
          fill="#01b39f"
        />
        <path
          d="M116.89 142.735L115.048 140.877L119.434 136.491L115.048 132.105L116.89 130.247L123.133 136.491L116.89 142.735Z"
          fill="#01b39f"
        />
        <path
          d="M104.402 142.735L102.544 140.877L106.947 136.491L102.544 132.105L104.402 130.247L110.646 136.491L104.402 142.735Z"
          fill="#01b39f"
        />
      </g>
      <defs>
        <clipPath id="clip0">
          <rect width="204" height="204" fill="white" />
        </clipPath>
      </defs>
    </SvgIcon>
  );
};

export default MesheryOperatorIcon;
